@CHARSET "ISO-8859-1";

/*General Styles*/
body { font-family: Verdana, Arial, Sans-serif; font-size: 12px; }
#container { width: 1005px; margin-left: auto; margin-right: auto; }

/*Navigation*/ 
#main_navigation { width: 100%; display: block; } 
#main_navigation img { margin-right: 5px; border: 0; }
.nav_button { width: 100px; height: 20px; float: left; padding: 5px; margin-right: 20px; cursor:hand; }
.nav_button:hover, .nav_button_right:hover { background-color: #e0e0e0; cursor:pointer;}
.nav_button_right { height: 20px; padding: 5px; margin-right: 20px; cursor:hand; float: right;  }
#search_navigation {  height: 20px; padding: 5px; margin-right: 20px; float: right; }

/*Content*/
#main_content { clear: both; }
#main_content h1 { font-family: "Lucida Grande,Lucida Sans Unicode,Verdana,sans serif"; font-weight: bold; font-size: 20px; padding-top: 30px; }
#main_content a { text-decoration:none; color: #003399; }
#main_content a:hover { text-decoration:underline; }
#left { width: 500px; float: left;  }
#right { width: 500px; float: right;  }
.info { width: 490px; border: 1px solid #e0e0e0; margin: 5px; clear: both; }
.info h2 { font-weight: bold; font-size: 13px; margin-top: 0px; padding: 5px; background-color: #e0e0e0; } 
.info h2 img { border: 0; }
.info h3 { font-weight: bold; font-size: 12px; text-align: center; }
.info dl { width: 350px; margin-left: 10px; }
.info dl dt { width: 130px; padding: 4px 0 2px 0; text-align: left; }
.info dl dd { width: 200px; margin: 0 0 8px 0; padding-left: 6px; }

div.disabled { display: inline; float: none; clear: none; color: #C0C0C0; }

#log_events { font-size: smaller; padding: 0px 10px 0px 10px; }

.task { float: left; width: 160px; }
.task div { width: 120px; text-align: center; margin-left: auto; margin-right: auto; padding: 10px; }

#overall_status { clear: both; padding: 20px; }
#overall_status div { width: 120px; text-align: center; margin-left: auto; margin-right: auto; padding: 10px; }

.status_0, .status_10, .status_20 { background-color: #ffb3b3;}
.status_30, .status_40, .status_50 { background-color: #ffd9b3;}
.status_60, .status_70, .status_80 { background-color: #ffffb3;}
.status_90, .status_100 { background-color: #d9ffb3;}

#enrollment { margin: 10px; width: 450px; text-align: left; border-collapse: collapse; font-size: 12px;}
#enrollment th { font-weight: bold; padding: 10px 8px; text-align: center; }
#enrollment td { padding: 5px; text-align: center; }
#enrollment .odd { background: #e8edff; }

.comment { padding: 10px; }
.comment_header { width: 100%; border-top: 1px solid #e0e0e0;  }
.comment_header h3 { text-align: left; float: left;  }
.comment_header img { float: right; text-align: right; padding: 10px 5px 5px 5px; border: 0px; }
.comment_text { clear: both; }
.comment_footer { text-align: right; font-size: 10px; margin-top: 10px;}

#offerings th { background: #D9D9D9; font: 10px Verdana, sans-serif; color: #000; } 
#offerings td { font-size: 11px; padding: 3px; }
.Maintenance {  background: #F9FFE5; }
.New { background: #F2CCFF; } 
.Revision { background: #FFF2CC; }
.Cancelled { background: #E6E6E6; color: #A8A8A8; }
.Cancelled a:link { color: #A8A8A8; }

/*Form*/
.input_select { float: left;  margin-left: 20px; text-align:center; font-size: 10px;}
.input_select label { float: left; }
.input_select select { float: left; font-size: 10px;}
.submit { clear:both; }
